<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/电影院.css">
    <link rel="stylesheet" href="./css/fonts.css">
</head>
<body>
    <header>
        <div class="left">
            <p>上海</p>
            <img src="http://8.218.112.99/ml/movies/images/icon/drop_icon.png" alt="">
        </div>
        <div class="center">
            电影院
        </div>
        <div class="right">
            <img src="http://8.218.112.99/ml/movies/images/icon/search_icon.png" alt="">
        </div>
    </header>
    <nav>
        <div>
            <p>区域</p>
            <img src="http://8.218.112.99/ml/movies/images/icon/option_icon.png" alt="">
        </div>
        <div>
            <p>品牌</p>
            <img src="http://8.218.112.99/ml/movies/images/icon/option_icon.png" alt="">
        </div>
        <div>
            <p>距离</p>
            <img src="http://8.218.112.99/ml/movies/images/icon/option_icon.png" alt="">
        </div>
        <div>
            <p>筛选</p>
            <img src="http://8.218.112.99/ml/movies/images/icon/option_icon.png" alt="">
        </div>
    </nav>
    <div class="beijing">
        <img src="http://8.218.112.99/ml/movies/images/source/ad_1.png" alt="">
    </div>
    <div class="wu">
        <div class="top">
            <div class="left">
                <img src="http://8.218.112.99/ml/movies/images/icon/fire_icon.png" alt="">
                <p>人气影院</p>
            </div>
            <div class="right">
                <a href="./选购.html">查看全部</a>
            </div>
        </div>
        <div class="bottom">
            <div class="d1">
                <div class="left">嘉年华国际影城(北路店)</div>
                <div class="right">
                    <img src="http://8.218.112.99/ml/movies/images/icon/rank_icon.png" alt="">
                    <p>人气5000</p>
                </div>
            </div>
            <p>南宁市某某某路4楼</p>
            <div class="d2">
                <div class="left">
                    <p>零食</p>
                    <p>MAX厅</p>
                    <p>中国巨幕</p>
                    <p>停车场</p>
                </div>
                <p>1.1km</p>
            </div>
            <div class="d3">
                <div class="zuobian">
                    <p>卡</p>
                    <p>开通会员卡8折购票</p>
                    <p>团</p>
                    <p>组团购票优惠8折起</p>
                </div>
                <div class="youbian">
                    <img src="http://8.218.112.99/ml/movies/images/icon/price_icon.png" alt="">
                    <p>19.9起</p>
                </div>
            </div>
        </div>
    </div>
    <div class="wu">
        <div class="top">
            <div class="left">
                <img src="http://8.218.112.99/ml/movies/images/icon/fire_icon.png" alt="">
                <p>人气影院</p>
            </div>
            <div class="right">
                <a href="./选购.html">查看全部</a>
            </div>
        </div>
        <div class="bottom">
            <div class="d1">
                <div class="left">嘉年华国际影城(北路店)</div>
                <div class="right">
                    <img src="http://8.218.112.99/ml/movies/images/icon/rank_icon.png" alt="">
                    <p>人气5000</p>
                </div>
            </div>
            <p>南宁市某某某路4楼</p>
            <div class="d2">
                <div class="left">
                    <p>零食</p>
                    <p>MAX厅</p>
                    <p>中国巨幕</p>
                    <p>停车场</p>
                </div>
                <p>1.1km</p>
            </div>
            <div class="d3">
                <div class="zuobian">
                    <p>卡</p>
                    <p>开通会员卡8折购票</p>
                    <p>团</p>
                    <p>组团购票优惠8折起</p>
                </div>
                <div class="youbian">
                    <img src="http://8.218.112.99/ml/movies/images/icon/price_icon.png" alt="">
                    <p>19.9起</p>
                </div>
            </div>
        </div>
    </div>
    <div class="wu">
        <div class="top">
            <div class="left">
                <img src="http://8.218.112.99/ml/movies/images/icon/fire_icon.png" alt="">
                <p>人气影院</p>
            </div>
            <div class="right">
                <a href="./选购.html">查看全部</a>
            </div>
        </div>
        <div class="bottom">
            <div class="d1">
                <div class="left">嘉年华国际影城(北路店)</div>
                <div class="right">
                    <img src="http://8.218.112.99/ml/movies/images/icon/rank_icon.png" alt="">
                    <p>人气5000</p>
                </div>
            </div>
            <p>南宁市某某某路4楼</p>
            <div class="d2">
                <div class="left">
                    <p>零食</p>
                    <p>MAX厅</p>
                    <p>中国巨幕</p>
                    <p>停车场</p>
                </div>
                <p>1.1km</p>
            </div>
            <div class="d3">
                <div class="zuobian">
                    <p>卡</p>
                    <p>开通会员卡8折购票</p>
                    <p>团</p>
                    <p>组团购票优惠8折起</p>
                </div>
                <div class="youbian">
                    <img src="http://8.218.112.99/ml/movies/images/icon/price_icon.png" alt="">
                    <p>19.9起</p>
                </div>
            </div>
        </div>
    </div>
    <div class="wu wu1">
        <div class="top">
            <div class="left">
                <img src="http://8.218.112.99/ml/movies/images/icon/fire_icon.png" alt="">
                <p>人气影院</p>
            </div>
            <div class="right">
                <a href="./选购.html">查看全部</a>
            </div>
        </div>
        <div class="bottom">
            <div class="d1">
                <div class="left">嘉年华国际影城(北路店)</div>
                <div class="right">
                    <img src="http://8.218.112.99/ml/movies/images/icon/rank_icon.png" alt="">
                    <p>人气5000</p>
                </div>
            </div>
            <p>南宁市某某某路4楼</p>
            <div class="d2">
                <div class="left">
                    <p>零食</p>
                    <p>MAX厅</p>
                    <p>中国巨幕</p>
                    <p>停车场</p>
                </div>
                <p>1.1km</p>
            </div>
            <div class="d3">
                <div class="zuobian">
                    <p>卡</p>
                    <p>开通会员卡8折购票</p>
                    <p>团</p>
                    <p>组团购票优惠8折起</p>
                </div>
                <div class="youbian">
                    <img src="http://8.218.112.99/ml/movies/images/icon/price_icon.png" alt="">
                    <p>19.9起</p>
                </div>
            </div>
        </div>
    </div>
    <footer>
        <div class="shouye">
            <a href="./首页.html">
                <img src="http://8.218.112.99/ml/movies/images/icon/home_n_icon.png" alt="">
                <p>首页</p>
            </a>
        </div>
        <div class="dianying">
            <a href="./电影.html">
                <img src="http://8.218.112.99/ml/movies/images/icon/movie_n_icon.png" alt="">
                <p>电影</p>
            </a>
        </div>
        <div class="dianyingyuan">
            <a href="./电影院.html">
                <img src="http://8.218.112.99/ml/movies/images/icon/cinema_n_icon.png" alt="">
                <p>电影院</p>
            </a>
        </div>
        <div class="faxian">
            <a href="./发现.html">
                <img src="http://8.218.112.99/ml/movies/images/icon/find_n_icon.png" alt="">
                <p>发现</p>
            </a>
        </div>
        <div class="wode">
            <a href="./我的.html">
                <img src="http://8.218.112.99/ml/movies/images/icon/mine_n_icon.png" alt="">
                <p>我的</p>
            </a>
        </div>
    </footer>   
</body>
</html>